<template>
  <div>
    <h1>评论子组件</h1>
    <h1>发表评论</h1>
    <hr>
    <textarea placeholder="请输入你的吐槽" cols="30" rows="10" maxlength="120"></textarea>
    <mt-button type="primary" size="large">发表</mt-button>
    <!-- 渲染评论内容 -->
    <mt-button type="danger" size="large" plain>更多</mt-button>
    <!-- 加载第二页时添加func，改变this.pageindex的数值 -->
  </div>
</template>

<style lang="scss" scoped>
  // 样式
</style>

<script>
export default {
  data(){
    return{
      pageindex=1,
      comments:[]
    }
  },
  created:{getComments()},
  methods:{
    getComments(){
      this.$http.get("api/getcomments/:"+this.id+"?pageindex="+this.pageindex)
      // 加载更多评论数据的时候，不覆盖老的数据，拼接
      this.comments=this.comments.concat(result.body.message)
    }
  },props:["id"]
  // 父组件传入的参数保存，this。id 
}
</script>